<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css">
    <title>商品详情</title>
</head>

<body>
    <header></header>
    <section>
        <div class="container">
            <div id="design">

            </div>

        </div>

        <script type="text/html" id="detailData">
            <div style="overflow: hidden;">
                <div class="depic">
                    <img src="{{photo[0].url}}" class="zoom-image">
                    <div class="imgs">
                        <!-- 小图的列表 -->
                        <ul id="gal1">
                            {{ each photo item}}
                            <li>
                                <a href="javascript:;" data-image="{{item.url}}" data-zoom-image="{{item.url}}">
                                    <img src="{{item.url}}" class="smallpic">
                                </a>
                            </li>
                            {{/each}}
                        </ul>
                    </div>

                </div>
                <div class="detail">
                    <div class="de01">
                        <p>{{title}}</p>
                        <span>型号:{{itemId}}</span>
                        <span>销量:{{saleNum}}</span>
                    </div>
                    <div class="de02">
                        <p>材质:{{couponStatus}}</p>
                    </div>
                    <div class="de03">
                        <span>尺寸:</span>
                        <select name="" id="">
                                {{ each accessoryHints opt}}
                                    <option value="{{opt}}">{{opt}}</option>
                                {{/each}}
                            </select>
                    </div>
                    <div class="de04">
                        <h2>
                            <em>￥</em>
                            <b>{{price}}</b>
                            <a class="originPrice" style="color: #999; text-decoration:line-through;" href="javascript:;">{{originPrice}}</a>
                        </h2>
                        <a href="javascript:;" class="add_btn">加入购物车</a>
                        <a href="/html/shopping.html">立即购买</a>
                    </div>
                    <p>如需加急快递及预约定时递送服务请与在线客服联系</p>
                </div>
            </div>
            <!-- 详情页图片 -->
            <div class="bigImgContent">
                {{ each descContentList des}}
                <img src="{{des.image.url}}" alt="" class="bigimg"> {{/each}}
            </div>
        </script>

        <div class="warning">
            加入成功
        </div>
    </section>
    <footer></footer>
    <script src="/lib/require/require.min.js" data-main="/js/details.js"></script>
</body>

</html>